import React, { useContext } from 'react'
// import { ThemeContext } from '../App'
interface IHelloProps {
  message?: string;
}
// React.FunctionComponent
const Hello: React.FC<IHelloProps> = (props) => {
  // const theme = useContext(ThemeContext)
  // console.log(theme)
  // const style = {
  //   background: theme.background,
  //   color: theme.color,
  // }
  // return <h2 style={style}>{props.message}</h2>
  return <h2>{props.message}</h2>
}
Hello.defaultProps = {
  message: "Hello World"
}

export default Hello